<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <link rel="stylesheet" href="/assets/lib/layui/css/layui.css" />
  <link rel="stylesheet" href="/assets/lib/cropper/cropper.css" />
  <link rel="stylesheet" href="/assets/css/user/user_avatar.css" />
</head>

<body>
  <!-- 卡片区域 -->
  <div class="layui-card">
    <h3>更换头像</h3>
    <div class="img-box">
      <div class="empty">
        请选择头像
      </div>
    </div>
    <input type="file" hidden>
    <button class="choose">选择图片</button>
    <button class="confirm">确定上传</button>
  </div>

  <script src="/assets/lib/jquery.js"></script>
  <script src="/assets/lib/cropper/Cropper.js"></script>
  <script src="/assets/lib/cropper/jquery-cropper.js"></script>
  <script src="/assets/lib/axios.js"></script>
  <script src="/assets/js/baseAPI.js"></script>
  <script src="/assets/js/api/user_avatar.js"></script>
  <script src="/assets/js/user/user_avatar.js"></script>
</body>

</html>